.chunEditor {
    position: relative;
    padding: 10px;
    height: 100vh;
    div[data-type ='inline'] { display: inline-block;}
    div[data-type ='block']  { display: block;}
    div[data-type ='inlinecard'] { display: inline-block;}
    div[data-type ='blockcard']  { display: block;}
    .chunEditorMenu { 
        border: 1px solid #ccc;
        ul { height: 45px; line-height: 45px; font-size: 0;}
        li { list-style: none; cursor: pointer; display: inline-block; color: #111;font-size: 16px;}
    }
    .ChuneditorAlert {
        position: fixed;
        width: auto;
        height: 35px;
        line-height: 35px; 
        z-index: 88;
        background-color: #eee; 
        box-shadow: rgba(64, 71, 64,0.3) 3px 4px 10px;
        border-radius: 2px;
        span { cursor: pointer; margin:0 5px; }
        span:hover { color: rgb(0, 94, 94);}
    }

    .ChuneditorCodeBox {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; 
        max-height: 100vh;
        background-color: #fff;
    }
    .ChuneditorCode { height: calc(100% - 40px); overflow-y:scroll;}

    .ChuneditorCodeButton { 
        align-self: flex-end;
        button {
            padding:5px 20px;
            margin: 5px;
            border: none;
             
        cursor: pointer;
        }
        button[data-type="confirm"] { color: #fff; background-color: rgb(20, 133, 10);}
    }

    

    .chunEditorContent {
        width: 100%;
         height: 100%;
         overflow-y: scroll;
        background-color: #ccc; 
        caret-color: red;
        padding: 10px;
        h1 { color:#fff ; background-color: rgb(24, 75, 153); padding: 0; margin: 5px 0;}
        h2 { color:rgb(24, 75, 153) ; border-bottom: 2px solid rgb(24, 75, 153); padding: 0; margin: 5px 0;}
    }
 

    table {
        width: 100%;
        border: 1px solid #111;
    }

    .selected {
        padding: 2px;
        background-color: rgb(107, 107, 107);
    }

    th,
    td { 
         height: 30px;
        border: 1px solid #111; 
    }
    p { min-height: 30px; padding: 0; margin: 0; background-color: #fff; border-bottom: 1px solid #000;}
}